<!DOCTYPE html>
<html lang="en"  ng-app="loginApp">
<head>
    <meta charset="UTF-8">
    <title>菜鸟教程</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
    <script src="../../static/business/login/login.js"></script>
    <style>
        body{
            background: url(../../static/images/back.jpg)no-repeat center center fixed;
            background-size: 100% 100%;
            background-color: #444;
        }

        .vertical-offset-100{
            padding-top:100px;
        }
    </style>

</head>
<body>
<div class="container"  ng-controller="loginController as loginctrl">
    <div class="row vertical-offset-100">
        <div class="col-md-4 col-md-offset-4">
            <div class="panel panel-default" id="loginbox">
                <div class="panel-heading">
                    <h3 class="panel-title">账号登录{{loginctrl.name}}</h3>
                </div>
                <div class="panel-body">
                    <form accept-charset="UTF-8" role="form">
                        <fieldset>
                            <div class="form-group">
                                <input class="form-control" placeholder="账号" name="username" type="text">
                            </div>
                            <div class="form-group">
                                <input class="form-control" placeholder="密码" name="password" type="password" value="">
                            </div>
                            <div class="form-group">
                                <input class="form-control" placeholder="请输入验证码" name="validateCode" type="text" value="">
                                <img src="/validatecode/image" align="middle" alt="验证码" ng-click="loginctrl.refareshCode()" ng-mouseover="loginctrl.mouseover()" title="看不清，请点我"   />
                            </div>
                            <div class="form-group">
                                <div class="checkbox">
                                    <label>
                                        <input name="remember" type="checkbox" value="记住我"> 记住我
                                    </label>
                                </div>
                            </div>
                            <input class="btn btn-lg btn-success btn-block" id="loginBtn" ng-click="loginctrl.loginsub()" value="登录"/>
                            <div class="form-group">
                                <div class="col-md-12 control">
                                    <div style="border-top: 1px solid#888; padding-top:15px; font-size:85%" >
                                        还没有账号？
                                        <a href="/register/toregister" >
                                            点这里注册
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </fieldset>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
</body>

</html>